<template>
        <div style="background:#f6f6f6;height:100%;display:flex;flex-direction: column">
            <mt-navbar v-model="selected" style="padding-bottom:0.1rem;">
                <mt-tab-item id="1">校区消息</mt-tab-item>
                <mt-tab-item id="2">系统消息</mt-tab-item>
                </mt-navbar>
                
                <!-- tab-container -->
                <mt-tab-container v-model="selected" style="flex-grow:1">
                <mt-tab-container-item id="1">
                    <msgList messageType=1 :show="selected==1"></msgList>
                </mt-tab-container-item>
                <mt-tab-container-item id="2">
                    <msgList messageType=2 :show="selected==2"></msgList>
                </mt-tab-container-item>
            </mt-tab-container>
        </div>      
    </template>
<script>
    import msgList from '../components/msgList.vue'
    export default {
        created() {
            // this.getList();
        },
        data() {
            return {
                selected: '1',
                list: [],

            }
        },
        components: {
            msgList,
        },
        methods: {},
    }
</script>